<template>
  <div class="BarbecueRecommend">
    <recommed-header/>
    <recommed-logo/>
    <recommed-img/>
    <recommed-pay/>
    <recommed-cheap/>
    <recommed-food/>
    <recommed-evaluate/>
    <recommed-footer/>
  </div>
</template>

<script>
import RecommedHeader from "./components/RecommedHeader.vue";
import RecommedLogo from "./components/RecommedLogo.vue";
import RecommedImg from "./components/RecommedImg.vue";
import RecommedPay from "./components/RecommedPay.vue";
import RecommedCheap from "./components/RecommedCheap.vue";
import RecommedFood from "./components/RecommedFood.vue";
import RecommedEvaluate from "./components/RecommedEvaluate.vue";
import RecommedFooter from "./components/RecommedFooter.vue"
export default {
  name: "BarbecueRecommend",
  components: {
    RecommedHeader,
    RecommedLogo,
    RecommedImg,
    RecommedPay,
    RecommedCheap,
    RecommedFood,
    RecommedEvaluate,
    RecommedFooter
  }
};
</script>

<style scoped>
.BarbecueRecommend {
  background-color: #f0f0f0;
}
</style>
